import { useNavigate } from 'react-router-dom'
import {useState} from 'react'
const Lube = () => {
    const [lube, setLube] = useState('');
    const navigate = useNavigate();
    const linkToLubeDetail = () => {
        navigate(`/lube/detail/${lube}`, {
            // state: {
            //     id: lube
            // }
            replace: true
        });
    }
    return <div>
        <h1>Lube{ lube}</h1>
        <input type={'number'} value={lube} onChange={ (v) => setLube(v.target.value)}/>
        <div onClick={linkToLubeDetail}>我要携带</div>
    </div>
}

export default Lube;